<template>
  <div class="dashboard-container">
    <card/>
    <sale/>
    <observe/>
  </div>
</template>

<script>
import { mapGetters, mapState } from 'vuex'
import Card from '@/views/dashboard/card/Card'
import Sale from '@/views/dashboard/sale/Sale'
import Observe from '@/views/dashboard/observe/Observe'

export default {
  name: 'Dashboard',
  components: { Observe, Sale, Card },
  computed: {
    ...mapGetters(['name']),
    ...mapState({
      list: state => state.home.list
    })
  },
  mounted() {
    this.$store.dispatch('getData')
  }
}
</script>

<style scoped>
</style>
